<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:s="http://jboss.com/products/seam/taglib"
                xmlns:dap="http://diamondparking.com"
                template="/templates/diamond-parking.xhtml">
    
    <ui:define name="pageTitle">Edit Claim</ui:define>
    
    <ui:define name="pageBody">
        <div style="width: 800px; margin-left: auto; margin-right: auto; background-color: white; padding: 30px; border: solid 1px black; position: relative;">
            <h:panelGroup id="test">#{claimSearch}</h:panelGroup>
            <ui:repeat id="resultList"
                       style="position: absolute; right: 30px; border: 1px solid black; width: 200px; height: 250px;"
                       value="#{claimSearch}" var="currClaim">
                <h:outputText value="#{currClaim.id}"/> -&#160;
                
                <h:outputText value="#{currClaim.car.customer.name}"/><br/>
            </ui:repeat>
            
            <h1>Edit Claim</h1>
            
            <a4j:form>
                <dap:formField>
                    <ui:define name="label">Claim Number</ui:define>
                    
                    <h:inputText value="#{searchClaim.id}"/>
                </dap:formField>
                
                <dap:formField>
                    <ui:define name="label">Name</ui:define>
                    
                    <h:inputText/>
                </dap:formField>
                
                <dap:formField>
                    <ui:define name="label">Make</ui:define>
                    
                    <h:inputText/>
                </dap:formField>
                
                <dap:formField>
                    <ui:define name="label">Color</ui:define>
                    
                    <h:inputText/>
                </dap:formField>
                
                <dap:formField>
                    <ui:define name="label">License Plate</ui:define>
                    
                    <h:inputText/>
                </dap:formField>
                
                <a4j:commandButton value="Search" reRender="test"/>
            </a4j:form>
        </div>
        
        <rich:modalPanel id="mp" width="700">
            
            <f:facet name="header">
                <h:outputText value="Claim Edit"/>
            </f:facet>
            
            <f:facet name="controls">
                <h:outputLink value="#" onclick="Richfaces.hideModalPanel('mp')">X</h:outputLink>
            </f:facet>
            
            <dap:claimForm value="#{claimHome}"/>
            
        </rich:modalPanel>
    </ui:define>
    
</ui:composition>
